<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />  
<script language="javascript" type="text/javascript" src="js/jquery-1.5.min.js"></script>
<script language="javascript" type="text/javascript" src="http://www.fusiondevs.com/lab/cleary/js/custom.js"></script>

<link rel="stylesheet" type="text/css" href="css/style.css" />

<title>Cleary by Fusiondevs</title>
</head>

<body>

<div class="header">
	<div class="top">
    	<div class="contents">
	    	<h1><a href="index.html" class="logo"></a></h1>
        </div>
    </div>
    <div class="middle">
    	<div class="contents">
	        <span>Personal website mobile template</span>
        </div>
    </div>
</div>

<div class="container">
	<div class="contents">
            
        <div class="article_item">
        	<h5>15/06/11</h5>
            <h3>Lorem ipsum dolor sit amet sed orci sapien, pretium quis.</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu sapien non augue accumsan tincidunt. Sed odio augue, tempor et rutrum eget, dignissim eget mauris. Phasellus purus nunc, sodales pharetra euismod id, consectetur et urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam iaculis gravida elit ac posuere. Donec at lacus a mi sollicitudin ornare eget at neque. Vestibulum congue accumsan suscipit. Praesent at nulla sed lectus dapibus lobortis. Donec magna lorem, posuere id euismod eget, luctus in eros. Fusce dui dui, egestas ac hendrerit vitae, iaculis sed tortor. Sed in tellus nibh, et lobortis arcu. Vestibulum consectetur, risus nec rhoncus ullamcorper, lacus sem varius quam, at scelerisque lectus odio at nisi.</p>
            <p>Praesent in ligula augue, nec eleifend odio. Aliquam dictum scelerisque arcu non gravida. Praesent et ultricies neque. Nullam aliquet mi nec metus lacinia rutrum. Phasellus a elit vitae ipsum tincidunt sollicitudin. Morbi sit amet orci sed tortor pellentesque cursus id venenatis quam. Aenean malesuada pharetra vehicula. Sed nec sapien leo, vel tincidunt neque. Ut augue tellus, scelerisque sit amet pharetra vel, volutpat et odio. Morbi at dolor lacus, nec pellentesque orci. Vivamus erat lorem, tristique ut elementum non, vestibulum in orci. Nam eget metus vel leo tempor blandit nec sed dui. Proin vitae lorem ipsum. Vivamus id ligula purus. Maecenas dignissim tincidunt lacus ut pellentesque. Phasellus auctor mattis erat sed gravida. Vivamus id euismod nulla. Aenean a nulla et dolor aliquet sodales nec at eros. Vivamus viverra semper mattis.</p>
            
            <a href="blog.html" class="smallmenu"><img src="img/menuarrow_small_left.png" alt="Go!" class="arrowleft" /> Back to blog</a>
        </div>
        
		<div class="whitespace"></div>
        <h3>Comments</h3>
        
        <p class="comment">
            <span>Jhon Doe said:</span>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis tempor libero, sit amet dignissim dolor blandit sed.
        </p>
        <p class="reply">
            <span>Steven Tyler replied:</span>
            Sed lobortis tempor libero, sit amet dignissim dolor blandit sed.
        </p>
        <p class="reply">
            <span>Jhon Doe replied:</span>
            Sed lobortis tempor libero, sit amet dignissim dolor blandit sed.
        </p>
        <p class="comment">
            <span>Frank Smith said:</span>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis tempor libero, sit amet dignissim dolor blandit sed.
        </p>
        <p class="comment">
            <span>Jhon Doe said:</span>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lobortis tempor libero, sit amet dignissim dolor blandit sed.
        </p>
        <p class="reply">
            <span>Sarah Connors replied:</span>
            Sed lobortis tempor libero, sit amet dignissim dolor blandit sed.
        </p>
        
        <div class="whitespace"></div>
        
        <h4>Leave your comment</h4>
        <label>Name:</label>
        <input type="text" />
        <label>Email:</label>
        <input type="text" />
        <label>Comment:</label>
        <textarea rows="7" cols="10"></textarea>
        <input type="submit" value="Submit" />

        
		
    </div>
   
</div>
<div class="contents">
    <div class="footer">
        <span class="copy">&copy; 2011 <a href="http://www.fusiondevs.com/">Fusiondevs.com</a><br />Powered by Cleary</span>
        <a href="#" class="top">Top</a>
    </div>
</div>

</body>

</html>
